<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script type="text/javascript" src="jquery-2.0.0/jquery.min.js"></script>
    <script src="bootstrap-3.3.7/js/bootstrap.min.js"></script>
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="bootstrap-3.3.7/dist/css/bootstrap.min.css">

</head>
<body>
<div class="container"><!--div class="container"   是固定布局 居中-->
    <!--div class="container-fluid"   是流式布局  占满屏-->
    <div class="input-group">
       <input teyp="text" class="form-control" placeholder="group....">
        <span class="input-group-btn">
            <button class="btn btn-default">
                <span class="glyphicon glyphicon-search"></span>
            </button>
        </span>
    </div>
</div>
</body>
</html>